<template>
  <div class="Zong">
    <div class="maina-con"> 
        <router-view></router-view>
    </div>
    <tab-bar></tab-bar>
  </div>
</template>

<script>
import Bottom from '../components/Bottom'
export default {
    name:'Zong',
    components:{
        "tab-bar":Bottom
    },
    data(){
        return{
           
        }
    }
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped lang="scss">
    .Zong{
    display: flex;
    flex-direction: column;
    width:100%;

    .maina-con{
       
        width:100%;
        flex:1;
        // overflow-y:scroll; 
    }
    
}
</style>
